<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<script type="text/javascript" src="${path}/js/jquery-1.4.2.min.gzjs"></script>
	<script type="text/javascript" src="${path}/js/jquery-easyui/easyloader.js"></script>
	<script type="text/javascript" src="${path}/js/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="${path}/js/util.js"></script>
	<script type="text/javascript" src="${path}/js/jquery.dropDownList.js"></script>
	<link rel="stylesheet" type="text/css" href="${path}/js/jquery-easyui/themes/icon.css"/>
	<link rel="stylesheet" type="text/css" href="${path}/js/jquery-easyui/themes/default/pagination.css"/>
	<link rel="stylesheet" type="text/css" href="${path}/css/yangtao.css"/>
	<link rel="stylesheet" type="text/css" href="${path}/css/menu.css"/>
	<title>运输管理系统</title>
</head>
<script type="text/javascript">
	using('layout');
	$(document).ready(function() {
		var autoLoad = false;
		$(".menuItem").click(function() {
			$('#tabsPanel ul').empty();
			$('.hiddenDiv', $(this)).each(function(i) {
				var li = '<li><div><span action="' + $(this).attr('pageUrl') + '">' + $(this).attr('pageName') + '</span></div></li>';
				$(li).appendTo($('#tabsPanel ul'));
				if (i == 0) {
					$('#tabsPanel span').first().trigger('click');
				}
			})
		})
		//选中行的样式
		$('.menuItem').click(function() {
			$('.menuItem').each(function() {
				$(this).removeClass('menuSelected');
			})
			$(this).addClass('menuSelected');
		})
		$('#tabsPanel span').live('hover', function() {
			$(this).addClass('selectedtabsPanel');
		})
		$('#tabsPanel span').live('click', function() {
			$('#tabsPanel span').each(function() {
				$(this).removeClass('selectedtabsPanel');
			})
			$(this).addClass('selectedtabsPanel');
			$('#ifmMian').attr('src', $(this).attr('action'));
		})
	})
	window.onunload = function() {
		$.ajax({
					url :"log.logOut.do"
				})
	}
</script>
<body class="easyui-layout">
<div region="north" split="true" style="height: 100px; padding: 10px;">
</div>
<div region="west" split="true" title="菜单操作"
     style="width: 150px; padding1: 1px; overflow: hidden;">
	<div class="easyui-accordion" selected="true" fit="true"
	     border="true">
	<#list menus as menu>
		<div title="${menu.menuName!}" class="menuTitle"
		     icon='${menu.imgUrl!}'>
			<#list menu.subMenus as subMenu>
				<div class="menuItem">
				${subMenu.menuName!} <#list subMenu.subMenus as page>
					<div style='display: none' class='hiddenDiv'
					     pageId='${page.menuCode!}' pageName='${page.menuName!}'
					     pageUrl='${path}/${page.actionUrl}'></div>
				</#list>
				</div>
			</#list>
		</div>
	</#list>
	</div>
</div>
<div region="center" style="overflow: hidden; padding: 0;">
	<div id="tabsPanel">
		<ul></ul>
	</div>
	<iframe id="ifmMian" frameborder="0" width="100%" height="100%"></iframe>
</div>
</body>
</html>